@charset "utf-8";
/* CSS Document */

body {

margin: 0 auto;

}

/* START OF FONT */

@font-face {
  font-family: "fs_elliot_probold";
  src: url("../font/fs_elliot_pro-bold-webfont.eot");
  src: url("../font/fs_elliot_pro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-bold-webfont.woff") format("woff"), url("../font/fs_elliot_pro-bold-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-bold-webfont.svg#fs_elliot_probold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fs_elliot_proitalic";
  src: url("../font/fs_elliot_pro-italic-webfont.eot");
  src: url("../font/fs_elliot_pro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-italic-webfont.woff") format("woff"), url("../font/fs_elliot_pro-italic-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-italic-webfont.svg#fs_elliot_proitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fs_elliot_proregular";
  src: url("../font/fs_elliot_pro-regular-webfont.eot");
  src: url("../font/fs_elliot_pro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-regular-webfont.woff") format("woff"), url("../font/fs_elliot_pro-regular-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-regular-webfont.svg#fs_elliot_proregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fs_elliot_prolight";
  src: url("../font/fs_elliot_pro-light-webfont.eot");
  src: url("../font/fs_elliot_pro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-light-webfont.woff") format("woff"), url("../font/fs_elliot_pro-light-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-light-webfont.svg#fs_elliot_prolight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fs_elliot_proheavy";
  src: url("../font/fs_elliot_pro-heavy-webfont.eot");
  src: url("../font/fs_elliot_pro-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-heavy-webfont.woff") format("woff"), url("../font/fs_elliot_pro-heavy-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-heavy-webfont.svg#fs_elliot_proheavy") format("svg");
  font-weight: normal;
  font-style: normal;
}


.textReg {
	 font-family: "fs_elliot_proregular";	
}
.textBold {
 	 font-family: "fs_elliot_probold";		
}
.textLight {
	 font-family: "fs_elliot_prolight";	
}

.underLine {
	text-decoration: underline	
}
/* END OF FONT */

/* Start of landing 3-6-15 */

.tianggelanding{
	font-family:fs_elliot_proregular,Helvetica;
	width:920px;
	padding:20px;
	color:#00008b;
	margin:0 auto;
}

.tianggelanding a{
	color:#5B677D;
	text decoration:underline;
}

.tianggelanding .buttonBlue{
	background:#00a5b9;
	background-image:linear-gradient(top,#00A7B9 0,#1459A8 100%);
	background-image:-o-linear-gradient(top,#00A7B9 0,#1459A8 100%);
	background-image:-moz-linear-gradient(top,#00A7B9 0,#1459A8 100%);
	background-image:-webkit-linear-gradient(top,#00A7B9 0,#1459A8 100%);
	background-image:-ms-linear-gradient(top,#00A7B9 0,#1459A8 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#00A7B9),color-stop(1,#1459A8));
	-pie-background:linear-gradient(top,#00A7B9 0,#1459A8 100%);
	height:auto;
	position:relative;
	z-index:0;
	display:inline-block;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:17px;
	text-decoration:none;
	color:#fff!important;
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,.32);
	-moz-box-shadow:0 5px 15px rgba(0,0,0,.32);
	box-shadow:0 5px 15px rgba(0,0,0,.32);
	padding:4px 15px 4px 10px;
	font-family:fs_elliot_proregular,Helvetica;behavior:url(pie/pie.htc);
	font-size:13px!important
}

.tianggelanding .buttonBlue:hover{
	background:#00a5b9;
	background-image:linear-gradient(top,#00A7B9 0,#1459A8 65%);
	background-image:-o-linear-gradient(top,#00A7B9 0,#1459A8 65%);
	background-image:-moz-linear-gradient(top,#00A7B9 0,#1459A8 65%);
	background-image:-webkit-linear-gradient(top,#00A7B9 0,#1459A8 65%);
	background-image:-ms-linear-gradient(top,#00A7B9 0,#1459A8 65%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#00A7B9),color-stop(.65,#1459A8));
	-pie-background:linear-gradient(top,#00A7B9 0,#1459A8 65%);
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,.32);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,.32);
	box-shadow:0 5px 10px rgba(0,0,0,.32)
}

.tianggelanding .imagetextcontainer{
	margin: 0 auto;
	width: 600px;
}

.tianggelanding .pstyle1{
	float:left;
	width:300px;
}

.tianggelanding .pstyle2{
	float:left;
	width:300px;
	margin:50px 0 0;
}

.tianggelanding .clear{
	clear:both;
}

.tianggelanding .pinkfont{
	color:#ff0066;
}

.tianggelanding .font14{
	font-size:14px;
}

.tianggelanding .alignright{
	text-align:right;
}

.tianggelanding .icon.other.arrow{
	width:15px;
	height:15px;
	margin-top:-3px;
	background-position:-45px -35px;
	display:inline-block;
	padding-right: 0px;
	position:relative;
}
.tianggelanding .icon.other {
	background:url(../images/landing-page/tianggelanding3-6-15icon-other-sprite.png);
}

.tianggelanding  .clear{
	clear:both;
}

		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}

	@media only screen and (max-width: 800px) {
		
		.tianggelanding {
			width: 760px;
			padding: 20px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:300px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .imagetextcontainer {
			width:600px;
		}
		
		.tianggelanding .pstyle2{
			width:300px;
			margin:50px 0px 0px 0px ;
		}
		
		.tianggelanding .alignright{
			text-align:right;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle1{
			display: block;
			margin: 0 auto;
			float: left;
		}
		
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		

		
	}

	@media only screen and (max-width: 768px) {
		
		.tianggelanding {
			width: 728px;
			padding: 20px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:300px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .imagetextcontainer {
			width:600px;
		}
		
		.tianggelanding .pstyle2{
			width:300px;
			margin:50px 0px 0px 0px ;
		}
		
		.tianggelanding .alignright{
			text-align:right;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle1{
			display: block;
			margin: 0 auto;
			float: left;
		}
		
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		

		
	}
	
	@media only screen and (max-width: 683px) {
		
		.tianggelanding {
			width: 643px;
			padding: 20px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:300px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .imagetextcontainer {
			width:643px;
		}
		
		.tianggelanding .pstyle2{
			width:300px;
			margin:50px 0px 0px 0px ;
		}
		
		.tianggelanding .alignright{
			text-align:center;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .imagetextcontainer {
			width:auto;
		}
		
		.tianggelanding .pstyle1{
			display: block;
			margin: 0 auto;
			float: left;
		}
		
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		

	}
	
	@media only screen and (max-width: 640px) {
		
		.tianggelanding {
			width: 600px;
			padding: 20px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:300px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle2{
			width:300px;
			margin:50px 0px 0px 0px ;
		}
		
		.tianggelanding .alignright{
			text-align:center;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .imagetextcontainer {
			width:auto;
		}
		
		.tianggelanding .pstyle1{
			display: block;
			margin: 0 auto;
			float: left;
		}
		
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		

		
	}
	
	@media only screen and (max-width: 600px) {
		
		.tianggelanding {
			width: 560px;
			padding: 20px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:260px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle2{
			width:260px;
			margin:50px 0px 0px 0px ;
		}
		
		.tianggelanding .alignright{
			text-align:center;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle1{
			display: block;
			margin: 0 auto;
			float: left;
		}
		
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		

		
	}
	
	@media only screen and (max-width: 568px) {
		
		.tianggelanding {
			width: 528px;
			padding: 20px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:248px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle2{
			width:248px;
			margin:50px 0px 0px 0px ;
		}
		
		.tianggelanding .alignright{
			text-align:center;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle1{
			display: block;
			margin: 0 auto;
			float: left;
		}
		
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:280px;
			height:187px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:280px;
			height:187px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:280px;
			height:187px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:280px;
			height:187px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:280px;
			height:187px;
			background-repeat:no-repeat;
		}
		

		
	}


	@media only screen and (max-width: 480px) {
		
		.tianggelanding {
			width: 440px;
			padding: 20px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:240px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle2{
			width:240px;
			margin:0px;
		}
		
		.tianggelanding .alignright{
			text-align:center;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle1{
			display: block;
			margin: 0 auto;
			float: left;
		}
		
		.tianggelanding .imagetextcontainer{
			margin:40px 0px;
		}
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:200px;
			height:133px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:200px;
			height:133px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:200px;
			height:133px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:200px;
			height:133px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:200px;
			height:133px;
			background-repeat:no-repeat;
		}
		
	}
	
	@media only screen and (max-width: 400px) {
		
		.tianggelanding {
			width: 340px;
			padding: 20px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:340px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle2{
			width:340px;
		}
		
		.tianggelanding .alignright{
			text-align:center;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .imagetextcontainer{
			margin:40px 0px;
		}
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
	}
	
	@media only screen and (max-width: 360px) {
		
		.tianggelanding {
			width: 320px;
			padding: 20px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:320px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle2{
			width:320px;
		}
		
		.tianggelanding .alignright{
			text-align:center;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .imagetextcontainer{
			margin:40px 0px;
		}
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
	}
	
	@media only screen and (max-width: 320px) {
		
		.tianggelanding {
			width: 300px;
			padding: 20px 10px 20px 10px;
		}
		
		.pstyle2 .font14{
			display:block;
			width:300px;
			margin:15px 0px 0px 0px;
		}
		
		.tianggelanding .pstyle2{
			width:300px;
		}
		
		.tianggelanding .alignright{
			text-align:center;
		}
		
		.alignright .buttonBlue{
			margin: 15px 0px 0px 0px;
		}
		
		.tianggelanding .imagetextcontainer{
			margin:40px 0px;
		}
		
		.tianggelanding .pstyle1.step1{
			background-image:url(../images/landing-page/tianggelanding1.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step2{
			background-image:url(../images/landing-page/tianggelanding2.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step3{
			background-image:url(../images/landing-page/tianggelanding3.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step4{
			background-image:url(../images/landing-page/tianggelanding4.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		.tianggelanding .pstyle1.step5{
			background-image:url(../images/landing-page/tianggelanding5.png);
			background-size:contain;
			width:300px;
			height:200px;
			background-repeat:no-repeat;
		}
		
		
	}



